body {
	font-size:100%;
	font-family:helvetica,sans-serif;
	text-align:center;
	//background:-webkit-gradient(linear,left top,right top,from(#c5ccd4),color-stop(71%, #c5ccd4),color-stop(72%, #cbd2d8),to(#cbd2d8));
	background:#ddd;
	//text-decoration:none
	background-position:0 -13px!important}@media screen and (max-width:320px){#topbar{height:44px}
}

	.pageitem{-webkit-border-radius:8px;background-color:#eeeeee;border:#bbbbbb solid 1px;font-size:12pt;overflow:hidden;padding:0;position:relative;display:block;height:auto;width:auto;margin:3px 9px 17px;list-style:none}

	.textbox{padding:5px 9px;position:relative;overflow:hidden;border-top:1px solid #878787}



A:link {color:black;text-decoration: none} 
A:visited {color:black;text-decoration: none} 
A:active {color:black;text-decoration: none} 
A:hover {text-decoration: none; color: grey;} 


#topbar.transparent{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(133,133,133,0.7)),color-stop(3%,rgba(99,99,99,0.7)),color-stop(50%,rgba(32,32,32,0.7)),color-stop(51%,rgba(0,0,0,0.7)),color-stop(97%,rgba(0,0,0,0.7)),to(rgba(38,38,38,0.7)))}
#topbar.black{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#858585),color-stop(3%,#636363),color-stop(50%,#202020),color-stop(51%,black),color-stop(97%,black),to(#262626))}

	#topbar{
		position:relative;
		left:0;
		top:0;
		width:auto;
		height:60px;
		background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));
		//background:-webkit-gradient(linear,0% 0%,0% 100%,from(grey),color-stop(3%,grey),color-stop(50%,grey),color-stop(51%,green),color-stop(97%,#6d84a2),to(dimgrey));
		margin-bottom:0px
		}

	.graytitle{position:relative;font-weight:bold;font-size:17px;right:20px;left:9px;color:#4C4C4C;text-shadow:#FFF 0 1px 0;padding:1px 0 3px 8px}


	.list .title{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#a5b1ba),color-stop(3%,#909faa),color-stop(97%,#b5bfc6),to(#989ea4));height:22px!important;width:100%;color:#fff;font-weight:bold;font-size:16px;text-shadow:gray 0 1px 0;line-height:22px;padding-left:20px;border-bottom:none!important}
	.list ul{background-color:#ddd;width:100%;overflow:hidden;padding:0;margin:0}
	.list #content li{height:40px;border-bottom:1px solid #e1e1e1;list-style:none}
	.list{background-color:#fff;background-image:none!important}
	.list #footer{margin-top:24px!important}.ipodlist #footer{margin-top:48px!important}
	.list #content li a{padding:9px 0 0 20px;font-size:large;font-weight:bold;position:relative;display:block;//color:#000;text-decoration:none;height:32px}
	.list #content li a .name{text-overflow:ellipsis;overflow:hidden;max-width:93%;white-space:nowrap;display:block}
	.list #content li a:hover{color:#fff}
	.list #content{margin-top:-13px!important}
	.ipodlist #content,.musiclist #content,.applist #content{margin-top:-29px!important}
	.list ul img{width:90px;height:90px;position:absolute;left:0;top:0}
	.list .withimage{height:90px!important}
	.list .withimage .name{margin:13px 0 0 90px;text-overflow:ellipsis;overflow:hidden;max-width:63%!important;white-space:nowrap}
	.list .withimage .comment{margin:10px auto auto 90px !important;max-width:63%!important}
	.list .withimage a,.list .withimage:hover a{height:81px!important}#leftnav,#leftbutton,#blueleftbutton{position:absolute;font-size:12px;left:9px;font-weight:bold}

	.textbox p{margin-top:2px;color:#000;margin-bottom:2px;text-align:justify}
	.textbox img{max-width:100%}
	.textbox ul{margin:3px 0 3px 0;list-style:circle!important}
	.textbox li{margin:0!important}
    #title{line-height:44px;height:44px;font-size:16pt}
	#tributton a:first-child,#duobutton a:first-child{width:101px}
	#tributton a:last-child,#duobutton a:last-child{width:101px}
	#tributton a{width:106px}
	#duobutton .links{width:195px}
	#tributton .links{width:302px}
	#doublead{width:300px!important}
	#duoselectionbuttons{width:191px;height:30px;top:7px}
	#triselectionbuttons{width:290px;height:30px;top:7px}
	#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{
		width:99px;height:28px;line-height:28px
		}
	#triselectionbuttons a{width:98px;height:28px;line-height:28px}
	#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{width:99px;height:28px;line-height:28px}
	.searchbox form{width:272px}
	.searchbox input[type="text"]{width:275px}
	.menu .name{max-width:77%}
	.checkbox .name{max-width:190px}
	.radiobutton .name{max-width:190px}
	#leftnav,#leftbutton,#rightnav,#rightbutton,#blueleftbutton,#bluerightbutton{z-index:5000}
	#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{display:block;color:#fff;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;text-decoration:none}
	.black #leftnav a:first-child,.transparent #leftnav a:first-child{-webkit-border-image:url("../imgs/navleftblack.png") 0 5 0 13}
	.black #leftnav a,.transparent #leftnav a{-webkit-border-image:url("../imgs/navlinkleftblack.png") 0 5 0 13}
	.black #rightnav a:first-child,.transparent #rightnav a:first-child{-webkit-border-image:url("../imgs/navrightblack.png") 0 13 0 5}
	.black #rightnav a,.transparent #rightnav a{-webkit-border-image:url("../imgs/navlinkrightblack.png") 0 13 0 5}
	.black #leftbutton a,.black #rightbutton a,.transparent #leftbutton a,.transparent #rightbutton a{-webkit-border-image:url("../imgs/navbuttonblack.png") 0 5 0 5}
	#leftnav a:first-child{z-index:2;-webkit-border-image:url("../imgs/navleft.png") 0 5 0 13;border-width:0 5px 0 13px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;width:auto}
	#leftnav a{-webkit-border-image:url("../imgs/navlinkleft.png") 0 5 0 13;z-index:3;margin-left:-4px;border-width:0 5px 0 13px;padding-right:4px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;float:left}
	#rightnav,#rightbutton,#bluerightbutton{position:absolute;font-size:12px;right:9px;font-weight:bold}
	#rightnav a{-webkit-border-image:url("../imgs/navlinkright.png") 0 13 0 5;z-index:3;margin-right:-4px;border-width:0 13px 0 5px;padding-left:4px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;float:right;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}
	#rightnav a:first-child{z-index:2;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-image:url("../images/navright.png") 0 13 0 5;border-width:0 13px 0 5px;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}
	#leftbutton a,#rightbutton a{-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;border-width:0 5px;-webkit-border-radius:6px}
	#blueleftbutton a,#bluerightbutton a{-webkit-border-image:url("../images/navbuttonblue.png") 0 5 0 5;border-width:0 5px;-webkit-border-radius:6px}input[type="checkbox"]{width:94px;height:27px;background:url('../images/checkbox.png');-webkit-appearance:none;border:0;float:right;margin:8px 4px 0 0}
	#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{line-height:30px;height:30px}
	#leftnav img,#rightnav img{margin-top:4px}
	#leftnav,#leftbutton,#blueleftbutton{top:14px}
	#rightnav,#rightbutton,#bluerightbutton{top:7px}
	#title{
		line-height:32px;
		height:32px;
		font-size:13pt
		}

	.pageitem li:first-child,.pageitem li.form:first-child{border-top:0}
	.menu,.checkbox,.radiobutton,.select,li.button,li.bigfield,li.smallfield{position:relative;list-style-type:none;display:block;height:43px;overflow:hidden;border-top:1px solid #878787;width:auto}
	.pageitem li:first-child:hover,.pageitem li:first-child a,.radiobutton:first-child input,.select:first-child select,li.button:first-child input,.bigfield:first-child input{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px}
	.pageitem li:last-child:hover,.pageitem li:last-child a,.radiobutton:last-child input,.select:last-child select,li.button:last-child input,.bigfield:last-child input{-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px}

	.menu:hover,.store:hover,.list #content li a:hover,.list .withimage:hover,.applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n){background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6))}
	.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{border:0}.menu a:hover .name,.store:hover .starcomment,.store:hover .name,.store:hover .comment,.list .withimage a:hover .comment{color:#fff}
	.menu a:hover .comment{color:#CCF}
	.menu a{display:block;height:43px;width:auto;text-decoration:none}
	.menu a img{width:auto;height:32px;margin:5px 0 0 5px;float:left}
	.menu .name,.checkbox .name,.radiobutton .name{margin:11px 0 0 7px;width:auto;color:#000;font-weight:bold;font-size:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}
	.menu .comment{margin:11px 30px 0 0;width:auto;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:right;color:#324f85}
	.menu .arrow,.store .arrow,.musiclist .arrow,.list .arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:15px;margin:0!important;background:url("../images/arrow.png") 0 0 no-repeat}



	.applist .arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:29px;margin:0!important;background:url("../images/arrow.png") 0 0 no-repeat}
	.store{height:90px;border-top:#878787 solid 1px;overflow:hidden;position:relative}
	.store a{width:100%;height:90px;display:block;text-decoration:none;position:absolute}
	.store .image{position:absolute;left:0;top:0;height:90px;width:90px;display:block;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#eff1f5),to(#d6dce6));-webkit-background-size:90px}
	.applist .image{width:57px;height:57px;display:block;position:absolute;top:7px;left:11px;-webkit-border-radius:8px;-webkit-box-shadow:0 2px 3px rgb(0,0,0);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2));-webkit-background-size:57px}
	li:first-child.store .image,.store:first-child a{-webkit-border-top-left-radius:8px 8px}
	li:last-child.store .image,.store:last-child a{-webkit-border-bottom-left-radius:8px 8px}
	.store .name,.applist .name{font-size:15px;white-space:nowrap;display:block;overflow:hidden;color:#000;max-width:60%;text-overflow:ellipsis;font-weight:bold}
	.store .name{position:absolute;left:95px;top:35px}
	.applist .name{position:absolute;top:27px;left:80px;text-shadow:#eee 0 1px 0}
	.store .comment,.list .withimage .comment,.applist .comment,.applist .price{font-size:12px;color:#7f7f7f;display:block;width:60%;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	.store .comment,.list .withimage .comment{margin:16px 0 0 95px}
	.applist .comment{position:absolute;top:9px;left:80px;text-shadow:#eee 0 1px 0;color:#3b3b3b}
	.applist .price{position:absolute;top:29px;right:26px;text-shadow:#eee 0 1px 0;text-align:right;color:#3b3b3b}
	.store .arrow,.list .withimage .arrow{top:39px!important}
	.store .stars0,.store .stars1,.store .stars2,.store .stars3,.store .stars4,.store .stars5{position:absolute;top:56px;left:95px;width:65px;height:18px;display:block!important}
	.store .stars0{background:url('../imgs/0starsborder.png')}
	.store .stars1{background:url('../imgs/1starsborder.png')}
	.store .stars2{background:url('../imgs/2starsborder.png')}
	.store .stars3{background:url('../imgs/3starsborder.png')}
	.store .stars4{background:url('../imgs/4starsborder.png')}
	.store .stars5,.applist .stars5{background:url('../imgs/5stars.png')}
	.applist .stars0,.applist .stars1,.applist .stars2,.applist .stars3,.applist .stars4,.applist .stars5{position:absolute;top:46px;left:79px;width:65px;height:18px;display:block!important}
	.applist .stars0{background:url('../imgs/0stars.png')}
	.applist .stars1{background:url('../imgs/1stars.png')}
	.applist .stars2{background:url('../imgs/2stars.png')}
	.applist .stars3{background:url('../imgs/3stars.png')}
	.applist .stars4{background:url('../imgs/4stars.png')}
	.applist .starcomment{left:147px;top:46px;color:#3b3b3b}
	.starcomment{position:absolute;left:165px;top:56px;font-size:12px;color:#7f7f7f;font-weight:lighter}
	.applist a:hover .name,.applist a:hover .starcomment,.applist a:hover .comment,.applist a:hover .price{color:white;text-shadow:none}

	.graytitle{position:relative;font-weight:bold;font-size:17px;right:20px;left:9px;color:#4C4C4C;text-shadow:#FFF 0 1px 0;padding:1px 0 3px 8px}



	input[type="checkbox"]:checked{background-position:0 27px}input[type="radio"]{-webkit-appearance:none;border:0;width:100%;height:100%;z-index:2;position:absolute;left:0;margin:0;-webkit-border-radius:0}
	input[type="radio"]:checked{background:url('../images/radiobutton.png') no-repeat;background-position:right center}
	.radiobutton .name{z-index:1}
	//select{-webkit-appearance:none;height:100%;width:100%;border:0;background-color:#222;color:#ddd}
	select{-webkit-appearance:none;height:100%;width:100%;border:0}
	.select select{-webkit-border-radius:0;color:#000;font-weight:bold;font-size:17px}
	.select option{max-width:90%}
	.select .arrow{background:url('../images/arrow.png');width:8px;height:13px;display:block;-webkit-transform:rotate(90deg);position:absolute;right:10px;top:18px}
	.button input{width:100%;height:100%;-webkit-appearance:none;border:0;-webkit-border-radius:0;font-weight:bold;font-size:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:none}
	.textbox textarea{padding:0;margin-top:5px;font-size:medium}
	.bigfield input{-webkit-appearance:none;border:0;height:100%;padding:0;-webkit-border-radius:0;background:transparent;font-weight:bold;font-size:17px;padding-left:5px}
	.smallfield .name{width:48%;position:absolute;left:0;font-size:17px;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;line-height:44px;font-size:17px;padding-left:5px;overflow:hidden}
	.smallfield input{width:50%;position:absolute;right:0;height:44px;-webkit-appearance:none;border:none;padding:0;background:transparent;-webkit-border-radius:0;font-weight:bold;font-size:17px}
	.smallfield:first-child input{-webkit-border-top-right-radius:8px}
	.smallfield:last-child input{-webkit-border-bottom-right-radius:8px} 


a.type1 { color: white; }
a.type1:hover { color: white;}
a.type1:link{text-decoration:none}

a.type2 { color: black; }
a.type2:hover { color: gray; }
a.type2:link{text-decoration:none}

a.type3 { color: green; }
a.type3:hover { color: gray; }
a.type3:link{text-decoration:none}



* {
	margin:0;
	padding:0;
}
h2 {
	padding:1em 0 0 0;
}
p {
	line-height:1.4em;
}
p + p {
	text-indent:2em;
}
//body {font-size:100%;text-align:center;background:#ddd;}

pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#eee;
	display:block;
	padding:10px;
}
.r {
	float:right;
	padding:0 0 10px 20px;
}


/* Landscape mode (default) */
#wrap {
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#ddd;
}
#header {
	float:left;
	width:1024px;
	padding:0px 0 0px 0;
	background:#ddd;
	border-bottom:0px solid #000;
}
#header h1 {
	padding:10px 30px 0 30px;
}
#header p {
	padding:0 30px;
	line-height:1.4em;
}
#content {
	float:left;
	width:1024px;
	background:#ddd;
	position:relative;
	left:768px;
}
#main {
	float:left;
	width:708px;
	background:#ddd;
	position:relative;
	right:768px;
	padding:20px 0;
}
#side {
	float:right;
	width:246px;
	position:relative;
	right:810px;
	padding-bottom:20px;
}
#sidea,
#sideb,
#sidec {
	clear:left;
	float:left;
	width:256px;
}
#footer {
	clear:both;
	float:left;
	width:1024px;
	border-top:1px solid #000;
	background:#ddd;
}
#footer p {
	padding:20px 30px;
}

@media only screen and (orientation:portrait){
	/* portrait mode */
	#header,
	#wrap,
	#footer {
		width:768px;
	}
	#content {
		left:0;
		background:#ddd;
	}
	#main {
		float:left;
		width:768px;
		position:relative;
		right:0;
		left:0px;
		padding:10px 0;
	}
	#side {
		clear:left;
		float:left;
		width:768px;
		right:0;
		padding-bottom:0px;
		background:#ddd;
	}
	#sidea {
		clear:none;
		width:256px;
		float:left;
		position:relative;
		left:0px;
		padding-top:0px;
	}
	#sideb {
		clear:none;
		width:256px;
		float:left;
		position:relative;
		left:0px;
		padding-top:0px;
	}
	#sidec {
		clear:none;
		width:256px;
		float:right;
		position:relative;
		right:0px;
		padding-top:0px;
	}
}